<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>货主物流总量</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/qd.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">
    <link rel="stylesheet" href="styles/style.css">
</head>

<body>
<div class="content">
    <div class="div11_1">
        <a href="11-3.html" class="div_a1 current">货主物流总量</a>
        <a href="wlzl_carrier.html" class="div_a2 ">承运商物流总量</a>
        <a href="ywsjpm_c1.html" class="div_a3 ">业务数据排名</a>
    </div>
    <!--<div class="div11_p1">-->
        <!--<em>2017-11-02 截止 14:00</em>-->
        <!--<span class="div11_span1">按时间段</span>-->
    <!--</div>-->
    <div class="div11_p1">
        <em>2017-11-02 截止 14:00</em>
        <span class="div11_span2">传世会员</span>
        <span class="div11_span1">按时间段</span>
        <div class="div11_box5">
            <span class="span11_1">传世会员</span>
            <span class="div11close"></span>
            <ul class="ul11_1">
                <li class="current">
                    <a>01<span>北京嘉事堂</span></a>
                </li>
                <li>
                    01<span>北京嘉事堂</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="div11_2">

        <p class="div11_p2">物流货量</p>
        <div class="div11_8" id="num1"></div>
        <p class="div11_p2 div11_p2b">委托单数</p>
        <div class="div11_8 div11_8b " id="num2">
            <em>张</em>
        </div>
        <div class="div11box1">
            <em class="em"></em>
            <h3 class="div11h31">委托货主</h3>
            <p class="div11p2">22<span>家</span></p>
            <h3 class="div11h31 div11h31b">配送客户</h3>
            <p class="div11p2">22<span>家</span></p>
        </div>
        <div class="div11box2">
            <em class="em"></em>
            <h3 class="div11h31 div11h31c">配送城市</h3>
            <p class="div11p2">22<span>个</span></p>
            <h3 class="div11h31 div11h31d">配送地址</h3>
            <p class="div11p2">22<span>个</span></p>
        </div>
    </div>
    <div class="div11_6">
        <div class="div11_3 div11_3a">
            <span>已派</span>
            <p>单数<em>22</em>张</p>
            <p>货量<em>22</em>个</p>
            <p>占比<em>22</em>%</p>
        </div>
        <div class="div11_3 div11_3b">
            <span>待派</span>
            <p>单数<em>22</em>张</p>
            <p>货量<em>22</em>个</p>
            <p>占比<em>22</em>%</p>
        </div>
        <div class="div11_3 div11_3c">
            <span>到达</span>
            <p>单数<em>22</em>张</p>
            <p>货量<em>22</em>个</p>
            <p>占比<em>22</em>%</p>
        </div>
        <div class="div11_3 div11_3d">
            <span>在途</span>
            <p>单数<em>22</em>张</p>
            <p>货量<em>22</em>个</p>
            <p>占比<em>22</em>%</p>
        </div>
        <div class="div11_3 div11_3e">
            <span>期内</span>
            <p>单数<em>22</em>张</p>
            <p>货量<em>22</em>个</p>
            <p>占比<em>22</em>%</p>
        </div>
        <div class="div11_3 div11_3f">
            <span>超期</span>
            <p>单数<em>22</em>张</p>
            <p>货量<em>22</em>个</p>
            <p>占比<em>22</em>%</p>
        </div>
    </div>
    <div class="row margin_b20">
        <div class="col-md-6 col-lg-6">
            <div class="fheader">
                <h4 class="fh-tit fh-div11">11月累计</h4>
            </div>
            <table class="tablediv11">
                <thead>
                <tr>
                    <th></th>
                    <th></th>
                    <th>环比上月</th>
                    <th>同比上年</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>物流货量</td>
                    <td><span class="span_11a">1234567</span>件</td>
                    <td><span class="span_11a">99.9</span>%</td>
                    <td><span class="span_11a">99.9</span>%</td>
                </tr>
                <tr>
                    <td>委托单数</td>
                    <td><span class="span_11a">1234567</span>张</td>
                    <td><span class="span_11a">99.9</span>%</td>
                    <td><span class="span_11a">99.9</span>%</td>
                </tr>
                <tr>
                    <td>配送客户</td>
                    <td><span class="span_11a">1234567</span>家</td>
                    <td><span class="span_11a">99.9</span>%</td>
                    <td><span class="span_11a">99.9</span>%</td>
                </tr>
                <tr>
                    <td>配送城市</td>
                    <td><span class="span_11a">1234567</span>个</td>
                    <td><span class="span_11a">99.9</span>%</td>
                    <td><span class="span_11a">99.9</span>%</td>
                </tr>
                <tr>
                    <td>配送地址</td>
                    <td><span class="span_11a">1234567</span>个</td>
                    <td><span class="span_11a">99.9</span>%</td>
                    <td><span class="span_11a">99.9</span>%</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="col-md-6 col-lg-6">
            <div class="fheader">
                <h4 class="fh-tit fh-div112">近7天物流 流量图</h4>
            </div>
            <div class="div11_box3">
                <em class="em"></em>
                <em class="emb"></em>
                <ul class="div11_ul2">
                    <li class="current">折线图</li>
                    <li>柱状图</li>
                    <li>折线+柱状图</li>
                </ul>
                <div class="echart1" id="echart1"></div>
                <div class="echart1 op" id="echart2"></div>
                <div class="echart1 op" id="echart3"></div>
            </div>
        </div>
    </div>
    <form class="layui-form">
        <!-- 配送在途 -->
        <div class="business-info col-md-12" style="padding-left: 0;padding-right: 0">
            <div class="fheader">
                <h4 class="fh-tit fh-price">配送在途</h4>
                <div class="tit-trucks">在途车辆<i>75</i>辆</div>
                <div class="tit-car ml-40">承运商<i>75</i>家</div>

            </div>
            <div class="fpart pull1">
                <div class="carrier-ul">
                    <ul>
                        <li>
                            <i>期内</i>
                            <span>单数
                                    <b>22</b>张</span>
                            <span>货量
                                    <b>22</b>件</span>
                            <span>占比
                                    <b>22</b>%</span>
                        </li>
                        <li>
                            <i>超期</i>
                            <span>单数
                                    <b>22</b>张</span>
                            <span>货量
                                    <b>22</b>件</span>
                            <span>占比
                                    <b>22</b>%</span>
                        </li>
                    </ul>
                </div>
                <div class="bd-rgt mt-20" style="padding-right: 400px;">
                    <div class="main main-relative">
                        <div id="echarts4" class="map-echart" style="width: 100%; height: 455px;"></div>
                        <div class="main-map"></div>
                    </div>
                    <div class="aside table-carrier" style="width: 380px; margin-left: -380px; right: -400px;">
                        <table class="table table-route">
                            <thead>
                            <tr>
                                <th>城市</th>
                                <th>客户数</th>
                                <th>地址数</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>北京</td>
                                <td class="tar">
                                    <b>4523</b>
                                </td>
                                <td class="tar">
                                    <b>1123</b>
                                </td>
                            </tr>
                            <tr>
                                <td>天津</td>
                                <td class="tar">
                                    <b>13</b>
                                </td>
                                <td class="tar">
                                    <b>3</b>
                                </td>
                            </tr>
                            <tr>
                                <td>石家庄</td>
                                <td class="tar">
                                    <b>113</b>
                                </td>
                                <td class="tar">
                                    <b>213</b>
                                </td>
                            </tr>
                            <tr>
                                <td>呼和浩特</td>
                                <td class="tar">
                                    <b>143</b>
                                </td>
                                <td class="tar">
                                    <b>153</b>
                                </td>
                            </tr>
                            <tr>
                                <td>武汉</td>
                                <td class="tar">
                                    <b>113</b>
                                </td>
                                <td class="tar">
                                    <b>173</b>
                                </td>
                            </tr>
                            <tr>
                                <td>长沙</td>
                                <td class="tar">
                                    <b>113</b>
                                </td>
                                <td class="tar">
                                    <b>213</b>
                                </td>
                            </tr>
                            <tr>
                                <td>沈阳</td>
                                <td class="tar">
                                    <b>143</b>
                                </td>
                                <td class="tar">
                                    <b>343</b>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </form>

</div>

</body>
<script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="lib/underscore-min.js"></script>
<script type="text/javascript" src="lib/bootstrap.min.js"></script>
<script src="js/echarts.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="http://gallery.echartsjs.com/dep/echarts/latest/extension/bmap.min.js"></script>

<script src="js/11-3.js"></script>

</html>